<template>
  <div class="logo">
    <img :src="logo" alt="">
  </div>
</template>

<script>

export default {
  name: 'logo',
  data() {
    return {
      logo: require('../assets/img/logo.png')
    }
  },
}
</script>

<style lang="less" scoped>
  .logo{
    width: 100%;
    height: 8rem;
    // background: rgb(30, 194, 194);
    // background-color: rgba(13, 39, 50,0.9);
    background:url('../assets/img/logo-bg.jpg') no-repeat center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    img{
      width: 10rem;
      height: auto;
    }
  }
</style>